<div class="row justify-content-center">
	<div class="col-xl-8 col-lg-8 col-sm-8">
		<div class="wrapper">
			<div class="search-input" id="vulnerability-search-input">
				<a href="" target="_blank" hidden></a>
				<div class="input-group">
					<input type="text" class="form-control" placeholder="Filter Vulnerabilities" aria-label="Filter Vulnerabilities" id="vulnerability-search">
					<div class="input-group-append">
						<button id="vulnerability-search-button" class="btn btn-primary" type="button"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> Search</button>
					</div>
				</div>
				<div class="autocom-box mt-container mx-auto vulnerability-search" id="autocom-box">
				</div>
			</div>
		</div>
	</div>
</div>
<div class="row">
	<div class="col-12">
		<div class="card">
			<div class="card-body">
				<div class="row">
					<div class="col-12">
						<div class="btn-group mb-2 float-end dropstart">
							<button class="btn btn-soft-primary dropdown-toggle ms-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle="tooltip" data-placement="left" title="Filter Columns">
								<i class="fe-filter"></i>
							</button>
							<div class="dropdown-menu">
								<div class="dropdown-item">
									<div class="form-check">
										<input type="checkbox" class="form-check-input" id="vuln_source_checkbox" name="vuln_source_checkbox" checked>
										<label class="form-check-label" for="vuln_source_checkbox">Vulnerability Source</label>
									</div>
								</div>

								<div class="dropdown-item">
									<div class="form-check">
										<input type="checkbox" class="form-check-input" id="vuln_severity_checkbox" name="vuln_severity_checkbox" checked>
										<label class="form-check-label" for="vuln_severity_checkbox">Severity</label>
									</div>
								</div>

								<div class="dropdown-item">
									<div class="form-check">
										<input type="checkbox" class="form-check-input" id="vuln_vulnerable_url_checkbox" name="vuln_vulnerable_url_checkbox" checked>
										<label class="form-check-label" for="vuln_vulnerable_url_checkbox">Vulnerable URL </label>
									</div>
								</div>

								<div class="dropdown-item">
									<div class="form-check">
										<input type="checkbox" class="form-check-input" id="vuln_status_checkbox" name="vuln_status_checkbox" checked>
										<label class="form-check-label" for="vuln_status_checkbox">Status</label>
									</div>
								</div>
							</div>
							<a class="btn btn-soft-primary ms-2 me-2" data-toggle="tooltip" data-placement="top" title="Reload Vulnerabilities" id="reload_vulnerabilities_table_btn">
								<i class="fe-refresh-cw"></i>
							</a>
						</div>
						<div class="btn-group mb-2 float-end dropstart">
							<button class="btn btn-soft-info dropdown-toggle ms-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-toggle="tooltip" data-placement="left" title="Vulnerability Grouping">
								<i class="fe-layout"></i>
							</button>
							<div class="dropdown-menu">
								<div class="dropdown-item">
									<div class="form-check">
										<input type="radio" id="vulnerability_name_grouping" name="grouping_vuln_row" class="form-check-input" value="name">
										<label class="form-check-label" for="vulnerability_name_grouping">Vulnerability Name</label>
									</div>
								</div>
								<div class="dropdown-item">
									<div class="form-check">
										<input type="radio" id="vulnerability_severity_grouping" name="grouping_vuln_row" class="form-check-input" value="severity">
										<label class="form-check-label" for="vulnerability_severity_grouping">Severity</label>
									</div>
								</div>
								<div class="dropdown-item">
									<div class="form-check">
										<input type="radio" id="vulnerability_source_grouping" name="grouping_vuln_row" class="form-check-input" value="source">
										<label class="form-check-label" for="vulnerability_source_grouping">Vulnerability Source</label>
									</div>
								</div>
								<div class="dropdown-item">
									<div class="form-check">
										<input type="radio" id="vulnerability_url_grouping" name="grouping_vuln_row" class="form-check-input" value="http_url">
										<label class="form-check-label" for="vulnerability_url_grouping">Vulnerable URL</label>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-12">
						<table id="vulnerability_results" class="table dt-responsive w-100">
							<thead>
								<tr>
									<th class="checkbox-column">Status</th>
									<th>Source</th>
									<th>Type</th>

									<th>Title</th>
									<th>CVSS Metrics</th>
									<th>Tags</th>
									<th>Hackerone ID</th>

									<th class="text-center">Severity</th>
									<th>CVSS Score</th>
									<th>CVE/CWE</th>
									<th>CVE/CWE</th>
									<th>Vulnerable URL</th>
									<th>Description</th>
									<th>Reference</th>
									<th>Discovered on</th>
									<th>Status</th>
									<th class="text-center dt-no-sorting">Action</th>

									<!-- extras -->
									<th>Extracted Results</th>
									<th>CURL command</th>
									<th>Matcher Name</th>
								</tr>
							</thead>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
